<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <style>
        img{
            width: 480px;
            height: 290px;
        }
        .row{
            padding-top: 15px;
        }
    </style>
</head>
<body>
<div class="container">
 <div class="row">
    <div class="col-lg-3 col-lg-push-9 col-md-4 col-md-push-8 col-sm-6 col-sm-push-6">
     <div class="thumbnail">
         <img src="./img/1.jpg" alt="...">
         <div class="caption">
             <h3>阿普利亚rpg150</h3>
             <p>地表最强150cc排量摩托车</p>秒天秒地秒空气！还有谁?</p>
             <p><a href="#" class="btn btn-primary" role="button">加入购物车</a> <a href="#" class="btn btn-default" role="button">立即购买</a></p>
         </div>
     </div>
 </div>
     <div class="col-lg-3 col-lg-push-3 col-md-4 col-md-pull-0  col-sm-6 col-sm-pull-6">
         <div class="thumbnail">
             <img src="./img/2.jpg" alt="...">
             <div class="caption">
                 <h3>阿普利亚rpg150</h3>
                 <p>地表最强150cc排量摩托车</p>秒天秒地秒空气！还有谁?</p>
                 <p><a href="#" class="btn btn-primary" role="button">加入购物车</a> <a href="#" class="btn btn-default" role="button">立即购买</a></p>
             </div>
         </div>
     </div>
     <div class="col-lg-3 col-lg-pull-3 col-md-4 col-md-pull-8 col-sm-6">
         <div class="thumbnail">
             <img src="./img/3.jpg" alt="...">
             <div class="caption">
                 <h3>阿普利亚rpg150</h3>
                 <p>地表最强150cc排量摩托车</p>秒天秒地秒空气！还有谁?</p>
                 <p><a href="#" class="btn btn-primary" role="button">加入购物车</a> <a href="#" class="btn btn-default" role="button">立即购买</a></p>
             </div>
         </div>
     </div>
     <div class="col-lg-3 col-lg-pull-9 col-md-4 col-sm-6">
         <div class="thumbnail">
             <img src="./img/4.jpg" alt="...">
             <div class="caption">
                 <h3>阿普利亚rpg150</h3>
                 <p>地表最强150cc排量摩托车</p>秒天秒地秒空气！还有谁?</p>
                 <p><a href="#" class="btn btn-primary" role="button">加入购物车</a> <a href="#" class="btn btn-default" role="button">立即购买</a></p>
             </div>
         </div>
     </div>
 </div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/botstrap.min.js"></script>
</html>